<!-- src/cmps/base/video/JsVideo.vue -->
<template>
  <video
    :src="src"
    :controls="controls"
    :autoplay="autoplay"
    :loop="loop"
    :muted="muted"
    class="js-video"
    :style="{ width: width, height: height }"
  >
    您的浏览器不支持视频播放。
  </video>
</template>

<script setup lang="ts">
defineProps<{
  src: string
  controls?: boolean
  autoplay?: boolean
  loop?: boolean
  muted?: boolean
  width?: string
  height?: string
}>()
</script>

<style scoped>
.js-video {
  max-width: 100%;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
</style>